.body{



	



	font-family:'Times New Roman';



	



	



}







.box {



  width: 40%;



  margin: 0 auto;



  background: rgba(255,255,255,0.2);



  padding: 35px;



  border: 2px solid #fff;



  border-radius: 20px/50px;



  background-clip: padding-box;



  text-align: center;



}







.button {



  font-size: 1em;



  /* padding: 10px; */



/*   color: #fff; */



  border: 2px solid lightsteelblue;



  border-radius: 20px/50px;



  text-decoration: none;



  cursor: pointer;



  color:black;



  padding-top:1px;



  padding-bottom: 1px;



  padding-left:5px;



  padding-right:5px;



  /* transition: all 0.3s ease-out; */



}







.button:hover {



  background: lightsteelblue;



}







.td {



  border: 1px solid lightsteelblue;



  border-radius: 20px;



  margin-right:20px;



  padding-bottom:10px;



}







.overlay {



  position: fixed;



  top: 0;



  bottom: 0;



  left: 0;



  right: 0;



  background: rgba(0, 0, 0, 0.7);



  transition: opacity 500ms;



  visibility: hidden;



  opacity: 0;



}



.overlay:target {



  visibility: visible;



  opacity: 1;



}







.popup {



  margin: 70px auto;



  padding: 20px;



  background: #fff;



  border-radius: 5px;



  width: 40%;



  position: relative;



  transition: all 5s ease-in-out;



}







.popup h2 {



  margin-top: 0;



  color: #333;



  font-family: Times New Roman;



}



.popup .close {



  position: absolute;



  top: 20px;



  right: 30px;



  transition: all 200ms;



  font-size: 30px;



  font-weight: bold;



  text-decoration: none;



  color: #333;



}



.popup .close:hover {



  color: #06D85F;



}



.popup .content {



  max-height: 30%;



  overflow: auto;



  text-align:justify;



}







@media screen and (max-width: 700px){



  .box{



    width: 70%;



  }



  .popup{



    width: 70%;



  }



}







.Box {







   /*  background: linear-gradient(white, whitesmoke, gainsboro);  */



   /* background: linear-gradient(LIGHTSTEELBLUE, #B6CBF7, #C6D8F7, WHITESMOKE, WHITE); */



   background: linear-gradient(WHITE, WHITESMOKE, #EBF0F9, #C6D8F7, #B6CBF7, LIGHTSTEELBLUE );



    border-style: solid;



    border-width: 1px;



    border-color: LIGHTSTEELBLUE;



	/* #9BBB59; */



    border-radius: 15px; 



    margin-top: 10px;



    margin-bottom: 20px;



    /* box-shadow: 6px 6px 1px #9BBB59;   */



    padding-left:14px;



    padding-right:14px !important;



    padding-top:8px;



    padding-bottom:8px;



    font-family:Times New Roman;



    font-size:14px;



    text-align: justify; 



    line-height: 18px; 











    /*  



    opacity:0.4;



    filter:alpha(opacity=60);



    z-index: -1;*/



     /*filter:blur(4px);



    -o-filter:blur(4px);



    -ms-filter:blur(4px);



    -moz-filter:blur(4px);



    -webkit-filter:blur(4px);*/







}







.Box.Ombreggiato{



	box-shadow: 4px 4px 1px DARKGRAY; 



}















.BoxTitolo {



    font-family: Times New Roman;



    font-size: 16px;



    text-align: center;



    font-weight: bold;



	



    background-color: #9BBB59; 



    background: linear-gradient(darkgrey, gainsboro, whitesmoke, white);



    height: 30px;



    margin-bottom: 10px;



    margin-top: 0px !important;



	



	border-top-right-radius: 15px; 



	border-top-left-radius: 15px; 



    border-bottom:#9BBB59;



    border-bottom-width:1px;



    border-bottom-style:solid;







}











/* a {



  border-bottom: 2px solid #453886;



  color: #453886;



  padding-bottom: .25em;



  text-decoration: none;



}







a:hover {



  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23453886' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");



  background-position: bottom;



  background-repeat: repeat-x;



  background-size: 20%;



  border-bottom: 0;



  padding-bottom: .3em;



  text-decoration: none;



} */







.Pulsante:link, Pulsante:visited {



  /* background-color: gainsboro; */



  color: black;



  padding: 5px 8px 5px 8px;



  text-align: center;



  text-decoration: none;



  font-style:normal;



  font-size:14px;



  /* display: inline-block; */



  text-shadow: 2px 2px 4px gainsboro;



}







.Pulsante:hover, Pulsante:active {



  /* background-color: white; */



  color:blue;



  font-style:italic;



  /* text-transform: uppercase; */



}







/* Chrome, Safari, Opera */



@-webkit-keyframes mymove {



  from {



	  /* background-color: darkgray; */



		color:black;



		font-style:normal;



		text-shadow: 2px 2px 4px red;



		}



  to {



	  /* background-color: white; */



      color:blue;



	  font-style:italic;



	  /* margin-right:10px; */



	  }



}







/* Standard syntax */



@keyframes mymove {



  from {background-color: lightsteelblue;



		color:black;



		font-style:normal;}



  to {background-color: white;



	  color:blue;



	  font-style:italic;}



}







.polaroid {



  border-radius: 15px; 



  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.50), 0 6px 20px 0 rgba(0, 0, 0, 0.70);



  text-align: center;



}











.LinkButton {



	



  padding: 3px 5px;



  text-align: center;



  text-decoration: none;



  



  font-family:Times New Roman;



  



  font-weight:bold;



  display: inline-block;



  -webkit-transition-duration: 0.4s; /* Safari */



  transition-duration: 0.4s;



   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.50), 0 6px 20px 0 rgba(0, 0, 0, 0.70);



  background-color: navy;



  color: white;



  border: 1px solid navy; /* Green */



  border-radius: 8px;



}



.LinkButton:hover {



  background-color: white; /* Green */



  color: navy;

  

  font-style:italic;



}







.wa_btn {

    background-image: url('button.svg');

    border: 1px solid rgba(0, 0, 0, 0.1);

    display: inline-block !important;

    position: relative;

    font-family: Arial, sans-serif;

    letter-spacing: .4px;

    cursor: pointer;

    font-weight: 400;

    text-transform: none;

    color: #fff;

    border-radius: 2px;

    background-color: #5cbe4a;

    background-repeat: no-repeat;

    line-height: 1.2;

    text-decoration: none;

    text-align: left;

}



.wa_btn_s {

    font-size: 12px;

    background-size: 16px;

    background-position: 5px 2px;

    padding: 3px 6px 3px 25px;

}



.wa_btn_m {

    font-size: 16px;

    background-size: 20px;

    background-position: 4px 2px;

    padding: 4px 6px 4px 30px;

}



.wa_btn_l {

    font-size: 16px;

    background-size: 20px;

    background-position: 5px 5px;

    padding: 8px 6px 8px 30px;

}



.blinking {

	

	animation:blinkingText 1.2s infinite;

}

@keyframes blinkingText{

	0%{color:lightsteelblue;}

	25%{color: salmon;}

	50%{color: maroon;}

	75%{color: red;}

	100%{color:black;}

}